											<!--项目进度-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title>项目进度</title>
		<style type="text/css">
			.develop{margin-top: 60px;margin-left: 280px;}
			.dimage {float: left;margin-right: 30px;vertical-align: middle;}
			.dmessage{float: left;}
			p {font-size: 23px;line-height: 10px;}
			.information span {margin-right: 30px;margin-left: 8px;letter-spacing:1px;color: gray;}
			.maincontent{
				margin-top: 60px;
				height: 360px;
				width: 640px;
				position: absolute;
				left: 20%;
				border:1px solid gainsboro;
				margin-bottom: auto;
			}
			.content1{
				background-color: gray;
				height: 60px;
				align-content: center;
				line-height: 60px;
			}
			.content1 span {}
			.content2{
				height: 220px;
			}
			.content3{
				height: 60px;
				border-top: 1px solid gainsboro;
				line-height: 60px;
			}
			.adoptbutton{
				background-color: dodgerblue;
				border: none;
				color: white;
				padding: 12px 28px;
				text-align: center;
				border-radius: 12px;
				font-size: 16px;
                margin: 4px 2px;
                cursor: pointer;
			}
			.refusebutton{
				background-color: red;
				border: none;
				color: white;
				padding: 12px 28px;
				text-align: center;
				border-radius: 12px;
				font-size: 16px;
                margin: 4px 2px;
                cursor: pointer;
			}
		</style>
	</head>
	<body>
		<div style="height: 2000px;">
		<h1>项目进度</h1><hr>
		<div class="develop">
			<div class="dimage">
			<a href="#"><img th:src="@{/images/center.png}" width="50"height="50"/></a>
			</div>
			<div style="float: inherit;" class="dmessage" >
				<p>xxx开发者</p>
				<div class="information">
				手机:<span>12345678954</span> 
				qq:<span>123456</span> 
				邮箱:<span>12345@qq.com</span>
				</div>
			</div>
		</div>
		<div class="maincontent">
			<div class="content1">
				<span style="margin-right: 20px;margin-left:10px;font-size: 21px;">P1阶段</span>  |
				<span style="margin-left: 20px;font-size: 21px;">开发</span>
				<span style="margin-left:180px ;">状态：</span>
				<span style="margin-right:10px;font-size: 12px;color: red;">待验收</span>
			</div>
			<div class="content2">
				<p>计划交付日期/实际交付日期</p>
				<p>2018-02-15/2018-02-16
					<span style="font-size: 15px;color: red;margin-left: 30px;">已延期<span>1</span>天</span>
				</p>
				<p>计划金额：<span>￥4，000</span></p>
				<p style="margin-top: 30px;">交付说明</p>
				<div>已经按时完成阶段的开发，请及时验收！已经按时完成阶段的开发，请及时验收！已经按时完成阶段的开发，请及时验收！已经按时完成阶段的开发，请及时验收！</div>
			</div>
			<div class="content3">
				<span style="margin-right: 60px;">开发者提交了阶段验收申请，请及时验收</span>
				<button type="button" onclick="" class="adoptbutton">通过验收</button>
				<button type="button" onclick="" class="refusebutton">拒绝验收</button>
			</div>
		</div>

		<div class="maincontent">
			<div class="content1">
				<span style="margin-right: 20px;margin-left:10px;font-size: 21px;">P1阶段</span>  |
				<span style="margin-left: 20px;font-size: 21px;">开发</span>
				<span style="margin-left:180px ;">状态：</span>
				<span style="margin-right:10px;font-size: 12px;color: red;">待验收</span>
			</div>
			<div class="content2">
				<p>计划交付日期/实际交付日期</p>
				<p>2018-02-15/2018-02-16
					<span style="font-size: 15px;color: red;margin-left: 30px;">已延期<span>1</span>天</span>
				</p>
				<p>计划金额：<span>￥4，000</span></p>
				<p style="margin-top: 30px;">交付说明</p>
				<div>已经按时完成阶段的开发，请及时验收！已经按时完成阶段的开发，请及时验收！已经按时完成阶段的开发，请及时验收！已经按时完成阶段的开发，请及时验收！</div>
			</div>
			<div class="content3">
				<span style="margin-right: 60px;">开发者提交了阶段验收申请，请及时验收</span>
				<button type="button" onclick="" class="adoptbutton">通过验收</button>
				<button type="button" onclick="" class="refusebutton">拒绝验收</button>
			</div>
		</div>
		
	    </div>
	</body>
</html>
